﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="MailBox.Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head id="Head1" runat="server">
    <meta charset="utf-8">
    <link href="../../Images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <title>Đăng nhập hệ thống FAmails</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href='http://fonts.googleapis.com/css?family=Patrick+Hand&subset=latin,vietnamese' rel='stylesheet' type='text/css'>

    <style>
        html {
            position:relative;
            padding-bottom:40px;
            min-height:100% !important;
            overflow:hidden;
        }
        body {
            margin: 0;
            padding: 0;
            min-height:600px;
        }

        footer {
            width: 100%;
            position: absolute;
            bottom: 0px;
            height:40px;
            font-size:12px;
            line-height:40px;
            border-top:1px solid #ddd;
        }

        .input_add {
            display: block;
            width: 100%;
            height: 40px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ddd;
            border-radius: 0px;
        }

        input:focus,
        textarea:focus {
            border-color: #ddd;
            outline: 0;
        }
    </style>
</head>
<body>
    <!-- HEADER -->
    <!-- MAIN CONTENT -->
    <div class="col-md-12 col-xs-12" style="position: relative; text-align: center;">
        <div class="container" style="color: #555; margin: 10px auto; max-width: 400px; height: auto; padding: 0px;">
            <center>
                <h1 style="font-family: 'Patrick Hand', cursive; font-size: 50px;"><b style="color: #d00;">FA</b>mails</h1>
            </center>
            <div class="col-md-12 col-xs-12" style="margin-top: 20px; padding: 10px 0px 30px; border: 1px solid #ddd; background: #fafafa; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);">
                <div class="col-md-12 col-xs-12" style="text-align: center; padding: 20px;">
                    <center>
                        <div class="img-circle" style="background: #fff; border: 1px solid #ddd; height: 90px; width: 90px;">
                            <i class="fa fa-user" style="font-size: 54px; color: #ccc; line-height: 90px;"></i>
                        </div>
                    </center>
                </div>
                <form id="Form1" action="#" method="POST" runat="server">
                    <div class="col-md-12 col-xs-12" style="text-align: center; padding: 5px 20px;">
                        <asp:TextBox runat="server" ID="txtEmail" type="text" class="input_add" placeholder="Email.."></asp:TextBox>
                    </div>
                    <div class="col-md-12 col-xs-12" style="text-align: center; padding: 5px 20px;">
                        <asp:TextBox runat="server" ID="txtPass" TextMode="Password" class="input_add" placeholder="Mật khẩu.."></asp:TextBox>
                    </div>
                    <div class="col-md-12 col-xs-12" style="text-align: center; padding: 5px 20px;">
                        <asp:Label runat="server" ID="lblError" ForeColor="Red" Visible="false"></asp:Label>
                        </div>
                    <div class="col-md-12 col-xs-12" style="text-align: center; padding: 10px 20px;">
<%--                        <div class="col-md-6 col-xs-6" style="text-align: left; font-size: 12px; line-height: 20px;padding:5px;">
                            <a href="#" style="color: #666; text-decoration: none;">Quên mật khẩu</a></div>
                        <div class="col-md-6 col-xs-6" style="text-align: right; font-size: 12px; line-height: 20px;padding:5px;">
                            <a href="#" style="color: #666; text-decoration: none;">Tạo tài khoản</a></div>--%>
                        <button runat="server" onserverclick="btnLogin_Click" class="col-md-12 col-xs-12" style="text-align: right; padding: 0px;"><span class="btn btn-default" style="width: 100%; border-radius: 0px; background: #32CCFE; color: #fff;">Đăng nhập</span></button>
                    </div>
                </form>
            </div>


        </div>

    </div>
    <!-- Chuyển hướng: Khi đăng nhập = admin thì sẽ chuyển sang trang quản lý settingAPPS.aspx, còn user thì sẽ mặc định sang mailbox -->
    <footer>
        <center>
             <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12">
                <a class="hidden-xs" style="margin-right:10px;" href="loi-mo-dau-Q7i1T2.html">Quy định sử dụng</a>
                <a class="hidden-xs" href="loi-mo-dau-v4p1J2.html">Chính sách bảo mật</a>
                © 2012 - 2013 FAmails.com . All Rights Reserved         
            </div>

         </center>
    </footer>
    <script src="Scripts/jquery-1.8.2.js"></script>
    <script src="Scripts/bootstrap.js"></script>
</body>
</html>
